import styled from 'styled-components'

import { defaultThemeColor } from 'theme'

export const HeaderContainer = styled.div`
    width:100%;
    height:.50rem;
    background:${ defaultThemeColor } 
    display:flex;
    justify-content:space-between;
    font-size:.22rem;
    color:#fff;
    
    .info_box{
        line-height:.5rem;
        margin-left:.1rem;
    }
    .three_box{
        width:1.2rem;
        display:flex;
        justify-content:space-around;
        align-items:center;
       a{
        color:#D3D3D3;
        i{
            display:block
        }
        &.active{
            color:#fff
        }
       }
    }
    .search_box{
        line-height:.5rem;
        margin-right:.1rem;
    }

`